<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
<div id="contents">
	<form id="chgpwd" method="post">
	<fieldset>
		<legend>관리자 비밀번호 변경</legend>
		<p>현재 비밀번호를 입력한 후 새로 사용할 비밀번호를 입력하세요.</p>
		<div id="center" class="form-control">
			<label for="c_pwd">현재 비밀번호</label>
			<input type="password" name="c_pwd" id="c_pwd" class="form-control" placeholder="현재 비밀번호" title="현재 비밀번호를 입력하세요" />
			<hr class="divider" />
			<label for="new_pwd">새 비밀번호</label>
			<input type="password" data-toggle="tooltip" data-placement="right" name="new_pwd" id="new_pwd" class="form-control" placeholder="새 비밀번호" title="새 비밀번호를 입력하세요" />
			<label for="re_pwd">새 비밀번호 확인</label>
			<input type="password" data-toggle="tooltip" data-placement="right" name="re_pwd" id="re_pwd" class="form-control" placeholder="새 비밀번호 확인" title="새 비밀번호를 한번 더 입력하세요" />
			<div id="btn">
				<button type="submit" class="btn btn-primary">확인</button>
				<button type="button" data-toggle="tooltip" data-placement="right" id="cancle" class="btn btn-default">취소</button>
			</div>
		</div>
	</fieldset>
	</form>
	<div id="nopwd" class="tooltip">
		<div class="tooltip-inner">비밀번호 불일치</div>
		<div class="tooltip-arrow"></div>
	</div>
	<div id="okpwd" class="tooltip">
		<div class="tooltip-inner">비밀번호 일치</div>
		<div class="tooltip-arrow"></div>
	</div>
</div>
<script>
	$("#cancle").click(function(){
		history.back();
	});
	$("#nopwd").tooltip('show');
	$("#re_pwd").keypress(function(){
		if ($("#new_pwd").text() == $("#re_pwd").text()) {
			$("#nopwd").tooltip('show');
			
		} else {
			$("#nopwd").tooltip('show');
		}
	})
</script>